<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>仿Zanblog</title>
	<link rel="stylesheet" type="text/css" href="index.css">
	<link rel="stylesheet" href="bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="font/css/font-awesome.min.css"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
	<!--头部开始-->
	<div class="head">
		<header>
			<div class="logo"><a href=""></a></div>
			<nav>
				<ul>
					<li class="index"><a href=""><i class="icon-home"></i>首页</a></li>
					<li>
						<a href=""><i class="ico-cog"></i>相关技术</a>
						<ul class="dropmune">
							<li><a href="">bootstrap3</a></li>
							<li><a href="">WordPress</a></li>
							<li><a href="">FontAwesome</a></li>
							<li><a href="">扁平式设计</a></li>
							<li><a href="">响应式布局</a></li>
						</ul>
					</li>
					<li>
						<a href=""><i class="icon-download-alt"></i>相关下载</a>
						<ul class="dropmune">
							<li><a href="">主体下载</a></li>
							<li><a href="">插件包下载</a></li>
							<li><a href="">ZanUI下载</a></li>
						</ul>
					</li>
					<li><a href="">
						<i class="icon-warning-sign"></i>问题板块</a>
						<ul class="dropmune">
							<li><a href="">常见问题</a></li>
							<li><a href="">问题反馈</a></li>
							<li><a href="">使用说明及插件设置</a></li>
							<li><a href="">侧边栏与导航设置</a></li>
						</ul>
					</li>
					<li>
						<a href=""><i class="icon-magic"></i>样式参考</a>
						<ul class="dropmune">
							<li><a href="">按钮CSS样式</a></li>
							<li><a href="">背景框CSS样式</a></li>
							<li><a href="">文本引用CSS样式</a></li>
						</ul>
					</li>
					<li><a href=""><i class="icon-star"></i>图标参考</a></li>
					<li>
						<a href=""><i class="icon-hdd"></i>更新日志</a>
						<ul class="dropmune">
							<li><a href="">V2.0.0</a></li>
							<li><a href="">V2.0.1</a></li>
							<li><a href="">V2.0.2</a></li>
							<li><a href="">V2.0.3</a></li>
							<li><a href="">V2.0.4</a></li>
							<li><a href="">V2.0.5</a></li>
							<li><a href="">V2.0.6</a></li>
							<li><a href="">V2.0.7</a></li>
						</ul>
					</li>
				</ul>
			</nav>
			<div class="mune-btn">
				<i class="icon-reorder icon-1x"></i>
			</div>		
		</header>
	</div>	
	<!--头部结束-->
	<!--中部内容开始-->
	<div class="content">
		<!--左侧内容开始-->
		<div class="left">
			<section class="top-img">
				<img src="images/banner.jpg" alt="" />
			</section>
			<!--文章列表模板-->
		<!-- V2.1.0版 -->
			<div class="arti">
				<!--右侧图标-->
				<div class="righticon">
					<i class="icon-bookmark icon-3x"></i>
				</div>
				<!--左侧日期-->
				<div class="data-arti lefticon">
					<span class="mon">9月</span>
					<span class="day">13</span>
				</div>
				<!--中间的文章-->
				<section class="arti-main">
					<h1><a href="">Zanblog 更新至V2.1.0 </a></h1>
					<h4 class="hid-h4">Zanblog V2.1.0更新</h4>
					<ul class="tag-scr">
						<li style="margin-left: 28%;"><i class="icon-tags"></i>Zanblog</li>
						<li><i class="icon-user"></i>佚站互联</li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<ul class="tag-mobi">
						<li><i class=" icon-calendar">9-13</i></li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<section class="mot-img">
						<img src="images/car.jpg" alt="" />
					</section>
					<p>
						HI，赞友们，在两个月前我们推出了ZanBlog3主题，但还是有一部分用户喜欢Zanblog2的样式，所以在V2.0.7发布8个多月之后，再次更新Zanblog2。
						现在让我们一起看看 V2.1.0 所做的变动吧！

						注：使用Zanblog2之前版本的用户需要注意，插件、侧边栏、主题选项、页面模版..
					</p>
					<a href="" class="read">
					阅读全文
						<span class="num">666</span>
					</a>
				</section>			
			</div>
		<!-- V3.0.0版 -->
			<div class="arti">
				<!--右侧图标-->
				<div class="righticon">
					<i class="icon-bookmark icon-3x"></i>
				</div>
				<!--左侧日期-->
				<div class="data-arti lefticon">
					<span class="mon">7月</span>
					<span class="day">11</span>
				</div>
				<!--中间的文章-->
				<section class="arti-main">
					<h1><a href="">Zanblog 正式发布！ </a></h1>
					<h4 class="hid-h4">Zanblog 正式发布！</h4>
					<ul class="tag-scr">
						<li style="margin-left: 28%;"><i class="icon-tags"></i>Bootstrap3,Zanblog</li>
						<li><i class="icon-user"></i>佚站互联</li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<ul class="tag-mobi">
						<li><i class=" icon-calendar">7-11</i></li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<section class="mot-img">
						<img src="images/3.jpg" alt="" />
					</section>
					<p>
						伴随着炎炎夏日和世界杯如火如荼 地进行，由佚站互联团队开发的ZanBlog3主题正式发布，非常抱歉这个主题拖延了这么久才发布（我们不会告诉你是因为世界杯的原因），不过相信看过这个主题之后，你们一定会爱上它，让我们看看ZanBlog3究竟带来了怎样的惊喜吧！ 全新设...
					</p>
					<a href="" class="read">
					阅读全文
						<span class="num">21</span>
					</a>
				</section>			
			</div>
		<!-- 2.07版 -->
		<div class="arti">
				<!--右侧图标-->
				<div class="righticon">
					<i class="icon-bookmark icon-3x"></i>
				</div>
				<!--左侧日期-->
				<div class="data-arti lefticon">
					<span class="mon">12月</span>
					<span class="day">31</span>
				</div>
				<!--中间的文章-->
				<section class="arti-main">
					<h1><a href="">Zanblog 2.0.7（稳定版）更新  </a></h1>
					<h4 class="hid-h4">Zanblog 2.0.7（稳定版）更新 </h4>
					<ul class="tag-scr">
						<li style="margin-left: 28%;"><i class="icon-tags"></i>Bootstrap3,Zanblog</li>
						<li><i class="icon-user"></i>佚站互联</li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<ul class="tag-mobi">
						<li><i class=" icon-calendar">7-11</i></li>
						<li><i class="icon-eye-open"></i> 9,586</li>
					</ul>
					<section class="mot-img">
						<img src="images/car10.jpg" alt="" />
					</section>
					<p>
						HI，赞友们，Zanblog在2个月之后终于又迎来了更新，此前因为我们自身工作比较忙的缘故，迟迟未推出新版本，非常抱歉。 
						让我们一起看看 2.0.7 稳定版所做的变动吧！ 在Zanblog 2.0.7 稳定版中，我们分成了完整主题安装包(Zanblog2.0.7.zip)以及补丁安装包(patch2.0.7... 
					</p>
					<a href="" class="read">
					阅读全文
						<span class="num">228</span>
					</a>
				</section>			
			</div>
		
		<!--分页开始-->
		<div class="page">
			<nav>
			  <ul class="pagination">
			    <!--<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>-->
			    <li class="disabled"><a href="#">1 <span class="sr-only">(current)</span></a></li>
			    <li class="active"><a href="#">2 <span class="sr-only">(current)</span></a></li>
			    <li class="active"><a href="#">3 <span class="sr-only">(current)</span></a></li>
			    <li class="active"><a href="#">4 <span class="sr-only">(current)</span></a></li>
			      <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
			  </ul>
			</nav>
		</div>
		<!--分页结束-->
		
		</div>
		
		<!--左侧内容结束-->

		<!--右侧内容开始-->
		<div class="right">
			<!--登录框-->
			<div class="r-top">
				<p>请登录</p>
				<form action="">
					<div class="form-group">
						<label class="control-label sr-only" for="inputSuccess5">Hidden label</label>
						<div class="input-group">
				    		<span class="input-group-addon"><i class="icon-user"></i></span>
				    		<input type="text" class="form-control" id="inputSuccess5" aria-describedby="inputSuccess5Status"/>
				  		</div>
					</div>
					<div class="form-group">
						<label class="control-label sr-only" for="inputSuccess5">Hidden label</label>
						<div class="input-group">
				    		<span class="input-group-addon"><i class="icon-lock"></i></span>
				    		<input type="password" class="form-control" id="inputGroupSuccess4" aria-describedby="inputGroupSuccess4Status">
				  		</div>
					</div>
					<button type="submit" class="btn btn-danger">
						登录
					</button>
					<button class="btn btn-danger">
						<a href="">注册</a>
					</button>
				</form>
			</div>
			<!--搜索框-->
			<div class="search">
				<form action="">
				    	<input type="text" class="form-control searin" id="inputSuccess5" placeholder="搜索..." aria-describedby="inputSuccess5Status"/>
				    	<button type="submit" class="btn btn-danger">
				    		<i class="icon-search"></i>
				    	</button>
				</form>
			</div>
			<!--最热文章-->
			<aside class="hotart">
				<p>
					<i class="icon-fire"  style="margin-right: 3px;"></i>最热文章
					<i class="icon-remove-circle hotri-ico"></i>
				</p>
				<ul>
					<li class="asks">
						<a href="">Zanblog 2.0.7（稳定版）更新 </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog常见问题汇总 </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog使用说明及插件设置 </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog侧边栏与菜单设置说明文档  </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog 2.0.6 版本更新   </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog主题说明与下载（旧） </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog 2.0.3 版本更新  </a>
						<span>38,620</span>
					</li>
					<li class="asks">
						<a href="">Zanblog 2.0.3 版本更新  </a>
						<span>38,620</span>
					</li>
				</ul>
			</aside>
			<!--最新评论-->
			<aside class="hotcuss">
				<p>
					<i class="icon-comments-alt" style="margin-right: 3px;"></i>最热评论
					<i class="icon-remove-circle hotri-ico"></i>
				</p>
				<ul>
					<li class="cuss">
						<img src="images/cuss1.png" alt="" />
						<a href="">请问下位置首页文章表情下的阅读全文...</a>
					</li>
					<li class="cuss">
						<img src="images/cuss1.png" alt="" />
						<a href="">请问下位置首页文章表情下的阅读全文...</a>
					</li>
					<li class="cuss">
						<img src="images/cuss1.png" alt="" />
						<a href="">怎么设置手机不显示文章摘要 </a>
					</li>
					<li class="cuss">
						<img src="images/cuss2.png" alt="" />
						<a href="">今天看了在里面找 用过zanblog 2 版本... </a>
					</li>
					<li class="cuss">
						<img src="images/cuss2.png" alt="" />
						<a href="">今天看了在里面找 用过zanblog 2 版本...</a>
					</li>
					<li class="cuss" style="border:0">
						<img src="images/cuss2.png" alt="" />
						<a href="">为什么我这边点开子分类的文章标题上面主...</a>
					</li>
				</ul>
			</aside>
			
			
			
			
		</div>
		<!--右侧内容结束-->
	</div>
	<!--中部内容结束-->
	<!--底部开始-->
	<footer>
		<p>Copyright © 2013 佚站互联 YEAHZAN.COM - 用心创造每一站, 杭州网站建设. All Rights Reserved. Theme By YeahZan</p>
	</footer>
	<!--底部结束-->
</body>	
</html>